<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Titanium Developers - http://titaniumdev.com" />
<title></title>
<link rel="stylesheet" href="css/all.css" type="text/css" media="all" />
</head>
  <body class="index">
    <div id="page">

    <!-- ______________________ HEADER _______________________ -->

    <div id="header">
      <div id="header-region">
        <div id="logo">
          <a href="http://oteam.co.uk"><img src="images/interface/oteam-logo.png" alt="Titanium Developers" /></a>
        </div> <!-- /logo -->
        <div id="navigation">
          <ul>
            <li class="GranjonOld active"><a href="index.html">Home</a></li>
            <li class="GranjonOld"><a href="about-us.html">About Us</a></li>
            <li class="GranjonOld"><a href="services.html">Services</a></li>
            <li class="GranjonOld"><a href="portfolio.html">Portfolio</a></li>
            <li class="GranjonOld no-border"><a href="">Shop</a></li>
          </ul>
        </div><!-- /navigation -->
      </div>
    </div> <!-- /header -->
    
    <!-- ______________________ MAIN _______________________ -->

    <div id="main-wrapper" class="clearfix">
        
          <div id="content-inner">
  
              <div class="content-top">
                <ul>
                  <li class="GranjonRoman"><a href="">Mission</a></li>
                  <li class="GranjonRoman"><a href="">Vision</a></li>
                  <li class="GranjonRoman"><a href="">Promise</a></li>
                </ul>
              </div> <!-- /#content-top -->
  
              <div class="content-area">
                  <div class="content-area-top clearfix">
                    <div class="col-left">
                      <img src="images/interface/oteam-video.jpg" alt="Titanium Developers" />
                    </div><!-- /#col-left -->
                    <div class="col-right">
                      <img src="images/interface/oteam-slogan.png" alt="Titanium Developers" />
                      <div class="sign-in">
                        <ul>
                          <li><label>Name : </label>
                        <input type="text" value="" name="" class="text"></li>
                        <li><label>Email : </label>
                        <input type="text" value="" name="" class="text"></li>
                        </ul>
                        <p class="sign-up GranjonRoman"><a href="">Sign Up and Get Started</a></p>
                      </div><!-- /#sign-in -->
                      <div class="call-back clearfix">
                        <div class="image">
                          <img src="images/icons/call.jpg" alt="Titanium Developers" />
                        </div>
                        <div class="phone GranjonRoman">
                        <p>Call on: 020 8133 5048 (uk)</p>
                        </div>
                      </div><!-- /#call-back -->
                      </div>
                  </div><!-- /#content-area-top -->
                  <div class="content-area-inner clearfix">
                    <div class="col-left">
                      <div class="info">
                      <h3 class="GranjonRoman" >Brief introduction of O-team,</h3>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                      </div>
                      <div class="services clearfix">
                        <div class="image">
                          <img src="images/interface/oteam-services-icon.png" alt="Titanium Developers" />
                        </div>
                        <div class="title">
                          <h3 class="GranjonRoman">Services</h3>
                        </div>
                        <div class="details clearfix">
                          <div class="col-left">
                            <div class="first clearfix">
                            <h4 class="frutiger45">Web Design</h4>
                            <p>Increase your brand value. Invest in your brand. Get the Web to work harder for you, build your online brand value. This will deliver you more leads, better targeted leads, and cheaper lead acquisition. </p>
                            <p class="more"><a href="">More</a></p>
                            </div>
                            <div class="first clearfix">
                            <h4 class="frutiger45">Web Design</h4>
                            <p>Increase your brand value. Invest in your brand. Get the Web to work harder for you, build your online brand value. This will deliver you more leads, better targeted leads, and cheaper lead acquisition. </p>
                            <p class="more"><a href="">More</a></p>
                            </div>
                          </div>
                          <div class="col-right">
                            <div class="first clearfix">
                            <h4 class="frutiger45">Web Design</h4>
                            <p>Increase your brand value. Invest in your brand. Get the Web to work harder for you, build your online brand value. This will deliver you more leads, better targeted leads, and cheaper lead acquisition. </p>
                            <p class="more"><a href="">More</a></p>
                            </div>
                            <div class="first clearfix">
                            <h4 class="frutiger45">Web Design</h4>
                            <p>Increase your brand value. Invest in your brand. Get the Web to work harder for you, build your online brand value. This will deliver you more leads, better targeted leads, and cheaper lead acquisition. </p>
                            <p class="more"><a href="">More</a></p>
                            </div>
                          </div>
                        </div>
                      </div><!-- /#services-->
                      <div class="testimonial clearfix">
                        <div class="image">
                          <img src="images/interface/oteam-testimonial-icon.png" alt="Titanium Developers" />
                        </div>
                        <div class="title clearfix">
                          <h3 class="GranjonRoman">Testimonials</h3>
                          <p class="more"><a href="">More</a></p>
                        </div>
                        <div class="details clearfix">
                            <div class="first clearfix">
                              <div class="thumb"><img src="images/interface/sky-img.jpg" alt="Titanium Developers" /></div>
                              <p>Increase your brand value. Invest in your brand. Get the Web to work harder for you, build your online brand value. This will deliver you more leads, better targeted leads, and cheaper lead acquisition. </p>
                            </div>
                            <div class="first clearfix">
                              <div class="thumb"><img src="images/interface/sky-img.jpg" alt="Titanium Developers" /></div>
                              <p>Increase your brand value. Invest in your brand. Get the Web to work harder for you, build your online brand value. This will deliver you more leads, better targeted leads, and cheaper lead acquisition. </p>
                            </div>
                            <div class="first clearfix">
                              <div class="thumb"><img src="images/interface/sky-img.jpg" alt="Titanium Developers" /></div>
                              <p>Increase your brand value. Invest in your brand. Get the Web to work harder for you, build your online brand value. This will deliver you more leads, better targeted leads, and cheaper lead acquisition. </p>
                            </div>
                            <div class="first clearfix">
                              <div class="thumb"><img src="images/interface/sky-img.jpg" alt="Titanium Developers" /></div>
                              <p>Increase your brand value. Invest in your brand. Get the Web to work harder for you, build your online brand value. This will deliver you more leads, better targeted leads, and cheaper lead acquisition. </p>
                            </div>
                        </div>
                      </div><!-- /#testimaonial-->
                      </div><!-- /#col-left-->
                    <div class="col-right">
                      <div id="save-money"  class="money">
                        <h2 class="titre-money">Save Your Money</h2>
                        <ul>
                          <li><a href="">Social Media Kisckstart</a></li>
                          <li><a href="">My Brand Catalyst</a></li>
                          <li><a href="">Virtual Assitants</a></li>
                          <li><a href="">Copywriting Pack</a></li>
                        </ul>
                        <p class="all"><a href="">See All Products</a></p>
                      </div>
                      <div id="make-money" class="money">
                        <h2 class="titre-money">Make You Money</h2>
                        <ul>
                          <li><a href="">Web Design</a></li>
                          <li><a href="">Developement</a></li>
                          <li><a href="">SMM and Search</a></li>
                          <li><a href="">Virtual Assistants</a></li>
                        </ul>
                        <p class="all"><a href="">See All Services</a></p>
                      </div>
                      <div class="partenaire">
                        <p class="parte"><a href=""><img src="images/icons/arkis-data.jpg" alt="Arkis Data" /></a></p>
                        <p class="parte"><a href=""><img src="images/icons/digital.jpg" alt="Digital" /></a></p>
                        <p class="parte"><a href=""><img src="images/icons/hot.jpg" alt="hot" /></a></p>
                        <p class="parte"><a href=""><img src="images/icons/hosting.jpg" alt="Hosting" /></a></p>
                      </div>
                      <div class="achat">
                        <div class="buy-now">
                        <h2 class="buy">Buy Now</h2>
                        </div>
                        <p class="parte"><a href=""><img src="images/icons/google-checkout.jpg" alt="Google" /></a></p>
                        <p class="parte"><a href=""><img src="images/icons/cartoon.jpg" alt="Cartoon" /></a></p>
                        <p class="parte"><a href=""><img src="images/icons/paypal.jpg" alt="Paypal" /></a></p>
                      </div>
                    </div><!-- /#col-right -->
                  </div><!-- /#content-area-inner -->
              </div> <!-- /#content-area -->
  
  
              <div class="content-bottom">
                
              </div><!-- /#content-bottom -->
  
            </div> <!-- /content-inner  -->

   </div> <!-- /main-wrapper -->

      <!-- ______________________ FOOTER _______________________ -->

        <div id="footer" class="clearfix">
          <div class="hr-green">
          </div>
          <div id="home" class="site-map">
            <ul class="links">
              <li class="main-active"><a href="">Home</a></li>
              <li><a href="">About Us</a></li>
              <li><a href="">Services</a></li>
              <li><a href="">Portfolio</a></li>
              <li><a href="">Testimonials</a></li>
              <li><a href="">Get in touch</a></li>
              <li><a href="">Buy Now</a></li>
            </ul>
          </div>
          
          <div id="about-us" class="site-map">
            <ul class="links">
              <li class="main"><a href="">About Us</a></li>
              <li><a href="">About Us</a></li>
              <li><a href="">Services</a></li>
              <li><a href="">Portfolio</a></li>
              <li><a href="">Testimonials</a></li>
              <li><a href="">Get in touch</a></li>
              <li><a href="">Buy Now</a></li>
            </ul>
          </div>
          
          <div id="services" class="site-map">
            <ul class="links">
              <li class="main"><a href="">Services</a></li>
              <li><a href="">About Us</a></li>
              <li><a href="">Services</a></li>
              <li><a href="">Portfolio</a></li>
              <li><a href="">Testimonials</a></li>
              <li><a href="">Get in touch</a></li>
              <li><a href="">Buy Now</a></li>
            </ul>
          </div>
          
          <div id="portfolio" class="site-map">
            <ul class="links">
              <li class="main"><a href="">Portfolio</a></li>
              <li><a href="">About Us</a></li>
              <li><a href="">Services</a></li>
              <li><a href="">Portfolio</a></li>
              <li><a href="">Testimonials</a></li>
              <li><a href="">Get in touch</a></li>
              <li><a href="">Buy Now</a></li>
            </ul>
          </div>
        </div> <!-- /footer -->

    </div> <!-- /page -->
  </body>
</html>
